<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>个人中心</title>
	<link rel="stylesheet" type="text/css" href="../../css/base.css" />
	<style type="text/css">
		body {
			background: #F0F1F2;
		}

		.phone-pwd-wraper {
			padding: 0 0.15rem;
			background: #ffffff;
			font-size: 0.15rem;
			font-weight: 400;
			color: rgba(77, 77, 77, 1);
			line-height: 0.21rem;
			margin-bottom: 0.1rem;
		}

		.phone-pwd-wraper .item {
			padding: 0.17rem 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #e6e6e6;
		}

		.phone-pwd-wraper .item .right {
			display: flex;
			align-items: center;
		}

		.phone-pwd-wraper .item .right img {
			width: 0.08rem;
			height: 0.12rem;
			margin-left: 0.09rem;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak="">
		<div class="account-management">
			<!-- 手机号、登录密码 -->
			<div class="phone-pwd-wraper" >
				<div class="item" onclick="open_change_phone()">
					<div class="left">手机号</div>
					<div class="right">
						<div class="phone">134****2736</div>
						<img src="../image/icons/invoiceinfo_arrow.png" alt class="right" />
					</div>
				</div>

				<div class="item" style="border-bottom:none" onclick="open_win('edit_pwd','../login/edit_pwd.html')">
					<div class="left">登录密码</div>
					<div class="right">
						<div class="phone">修改</div>
						<img src="../image/icons/invoiceinfo_arrow.png" alt class="right" />
					</div>
				</div>
			</div>

			<!-- 手机号、登录密码、复用 -->
			<div class="phone-pwd-wraper">
				<div class="item" onclick="next_bind('wx')">
					<div class="left">微信</div>
					<div class="right">
						<div class="phone">134****2736</div>
						<img src="../image/icons/invoiceinfo_arrow.png" alt class="right" />
					</div>
				</div>

				<div class="item">
					<div class="left">QQ</div>
					<div class="right">
						<div class="phone">未绑定</div>
						<img src="../image/icons/invoiceinfo_arrow.png" alt class="right" />
					</div>
				</div>

				<div class="item" style="border-bottom:none">
					<div class="left">新浪微博</div>
					<div class="right">
						<div class="phone">未绑定</div>
						<img src="../image/icons/invoiceinfo_arrow.png" alt class="right" />
					</div>
				</div>
			</div>

		</div>
	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-dialog.js"></script>
<script>
	var vm = new Vue({
		el: "#app",
		data: {

		},

		methods: {

		}
	})

	apiready = function() {

	};
</script>

</html>
